﻿@charset "utf-8";
/* CSS Document */

body{
	max-width:640px;}
img{
	display:block;}
*{  
    margin:0;
	padding:0;}
li{
	list-style:none;}		
#top{
	width:100%;
	}	
#comment-list{
	margin:1em 0;}	
#comment-list li{
	display:flex;
	margin-top:1.3em;}	
.face{
	width:12%;
	margin:0 2% 0 4%;}	
.face img{
	width:100%;}	
.guest{
	width:82%;
	border-bottom:1px solid #dbdbdb;}	

.level{
	margin-left:0.5em;}	
.level img{ display:inline;
width:0.8em;}	

.star{
	margin-top:0.7em;}
.star img{
	width:23%;}	
.detail{
	margin-top:0.3em;}	
.thumb{
	margin:1em 0;
}	
.thumb img{
	width:23%;
	margin-right:0.5%;
	display:inline-block;}	
#origin-img{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	}
#origin-img .swiper-slide img{
	width:100%;
	vertical-align:middle;
	}	
.swiper-pagination{
	top:1em;
	bottom:auto;
	color:#fff;}	
.upload{
	position:absolute;
	bottom:0;
	line-height:3em;
	background:rgba(0,0,0,.5);
	z-index:5;
	color:#fff;
	text-indent:1em;
	width:100%;}	
.swiper-container { position: relative; }
.swiper-container .close { position: absolute;top: 10px;right: 10px;color: #fff; }